.tabbar{
	position: fixed;
	bottom: 0;
	left: 0;
	background: #fff;
	width: 100%;
	height: 100rpx;
	@include flex-box();
	.tabbar-item{
		flex: 1;
		@include flex-box(column,center,center);
		.tabbar-item-img{
			width: 50rpx;
		}
		text{
			color: $color-919191;
			font-size: 24rpx;
		}
	}
	.act{
		text{
			color: $theme-color;
		}
	}
}
.info-container{
	height: calc(100% - 100rpx);
	.scroll-container{
		height: 100%;
		box-sizing: border-box;
		.hall-container{
			padding: 20rpx 30rpx 0 30rpx;
			.items{
				background: #fff;
				border-radius: 20rpx;
				padding:0 30rpx;
				.item{
					@include flex-box();
					padding:30rpx 0;
					&:not(:last-child){
						border-bottom: $global-border;
					}
					.item-img{
						width: 90rpx;
						height: 90rpx;
						border-radius: 50%;
						margin-right: 20rpx;
					}
					.right{
						flex: 1;
						@include flex-box(row,space-between);
						>view{
							@include flex-box(column,space-around);
						}
						.right-left-item{
							.right-left-item-top{
								@include flex-center();
								.piao{
									border: 2rpx solid $theme-color;
									color: $theme-color;
									padding: 0 10rpx;
									border-radius: 5rpx;
									margin-right: 20rpx;
								}
							}
						}
						.right-right-item{
							.right-right-item-top{
								text{
									color: $theme-F94A36;
									&:nth-child(1){
										color: $color-080524;
									}
									&:nth-child(2){
										font-size: 36rpx;
									}
								}
							}
							.buy-btn{
								background: $theme-color;
								color: #fff;
								width: 140rpx;
								height: 50rpx;
								line-height: 50rpx;
								border: none;
								border-radius: 8rpx;
								margin-top: 10rpx;
								font-size: 30rpx;
								&[disabled]{
									background: $color-919191;
								}
							}
						}
					}
				}
			}
		}
	}
	.sale-container{
		height: 100%;
		.item-container{
			height: calc(100% - 80rpx);
			box-sizing: border-box;
			.items-contaner{
				padding: 20rpx 30rpx 0 30rpx;
				.items{
					background: #fff;
					border-radius: 20rpx;
					padding:0 30rpx;
				}
			}
		}
	}
	.mairu-container{
		height: 100%;
		.items-container{
			padding: 20rpx 30rpx 0 30rpx;
			.items{
				background: #fff;
				border-radius: 20rpx;
				padding:0 30rpx;
			}
		}
	}
	.duihuan-container{
		height: 100%;
		box-sizing: border-box;
		.line{
			height: 2rpx;
			background: $border-F7F7F7;
		}
		.cate-container{
			height: calc(100% - 82rpx);
		}
		.order-container{
			height: calc(100% - 82rpx);
			.scroll{
				height: 100%;
			}
			.order-items{
				padding: 20rpx 30rpx 0 30rpx;
			}
		}
	}
}
.row-item{
	padding:30rpx 0;
	&:not(:last-child){
		border-bottom: $global-border;
	}
	.top{
		@include flex-box(row,space-between,center);
		.top-left{
			@include flex-center();
			.piao{
				border: 2rpx solid $theme-color;
				color: $theme-color;
				padding: 0 10rpx;
				border-radius: 5rpx;
				margin-right: 20rpx;
			}
			text{
				font-size: 30rpx;
			}
		}
		.jiage{
			text{
				color: $theme-F94A36;
				&:nth-child(1){
					color: $color-080524;
				}
				&:nth-child(2){
					font-size: 36rpx;
				}
			}
		}
		.top-right{
			font-size: 30rpx;
		}
		.cancel{
			color: $color-919191;
		}
		.theme{
			color: $theme-color;
		}
	}
	.bot{
		@include flex-box(row,space-between,center);
		margin-top: 40rpx;
		.bot-left{
			@include flex-center();
			.shouyi-img{
				width: 40rpx;
				margin-right: 15rpx;
			}
			text{
				font-size: 28rpx;
			}
		}
		.buy-time{
		}
		.do-btn{
			background: $theme-color;
			color: #fff;
			width: 120rpx;
			height: 50rpx;
			line-height: 50rpx;
			border-radius: 8rpx;
			font-size: 30rpx;
			padding: 0;
			&[disabled]{
				background: $color-919191;
			}
		}
	}
}